<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>白熊阅读的官网主页</title>
    <!-- css样式格式化 -->
    <link rel="stylesheet" href="css/rest.css">
    <!-- 专门存放图标的css -->
    <link rel="stylesheet" href="css/icon.css">
    <!-- 头部的css -->
    <link rel="stylesheet" href="css/header.css">
    <!-- 首页内容部分的css-->
    <link rel="stylesheet" href="css/index.css"> 
</head>
<body>
    <!-- 头部 : 这里头部单独写是为了在后期可以提成公共部分避免重复代码-->
    <div class="header">
        <div class="header-wapper">
            <a class="logo"><img src="https://www.bearead.com/public/images/logo-headerTop.svg" alt=""></a>
            <ul class="leftmenu">
                <li>
                    <a>发现</a>
                </li>
                <li class="font-blue">
                    <a>标签库</a>
                </li>
                <li>
                    <a>来签约吧</a><i class="icon icon-tanhaoblack"></i>
                </li>
            </ul>
            <ul class="rightmenu">
                <li>
                    <a>注册</a>
                </li>
                <li>
                    <a>登录</a>
                </li>
                <li>
                    <a class="btn">
                        <i class="icon icon-pen"></i> 
                        <span>写作中心</span>    
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部==end -->
    <div class="wapper">
        这里是内容部分
    </div>
</body>
</html>